
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="shortcut icon" type="image/x-icon" href="style/favicon.ico"/>
<link href="style/style.css" rel="stylesheet" type="text/css" />
<link href="style/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-3.5.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/gatling.js"></script>
<script src="js/menu.js"></script>
<script src="js/ellipsis.js"></script>
<script src="js/all_sessions.js"></script>
<script src="js/stats.js"></script>
<script src="js/highstock.js"></script>
<script src="js/highcharts-more.js"></script>
<script src="js/theme.js"></script>
<script src="js/unpack.js"></script>
<title>Gatling Stats - busca inválida</title>
</head>
<body>
<div class="app-container">
<div class="frise"></div>
<div class="head">
  <div class="gatling-open-source">
    <a class="gatling-logo" href="https://gatling.io" target="blank_" title="Gatling Home Page"><img alt="Gatling" src="style/logo.svg"/></a>
    <a class="gatling-documentation" href="https://gatling.io/docs/" target="_blank">Documentation</a>
  </div>
  <a class="enterprise" href="https://gatling.io/enterprise/next-step/" target="_blank">Try <img alt="Gatling Enterprise" src="style/logo-enterprise.svg"/></a></div>
<div class="container details">
  <div class="nav">
    <ul></ul>
  </div>
    <div class="cadre">
      <div class="content">
        <div class="content-header">
          <div class="onglet">
            RinhaBackendSimulation
          </div>
          <div class="sous-menu" id="sousMenu">
            <div class="sous-menu-spacer">
              <div class="item "><a href="index.html">Global</a></div>
                <div class="item ouvert"><a id="details_link" href="#">Details</a></div>
              </div>
            </div>
          </div>
          <div class="content-in">
            <div class="container-article">
            <div class="article">
              
              
<div class="schema-container">

            <div id="ranges" class="schema ranges-large">
            </div>

                        <div class="infos">
                            <div class="infos-in">
	                        <div class="infos-title">Stats</div>
                                <div class="repli"></div>                               
                                <div class="info">
                                    <h2 class="first">Executions</h2>
                                    <table>
                                        <thead>
                                            <tr><th></th><th>Total</th><th>OK</th><th>KO</th></tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td class="title">Total count</td>
                                                <td id="numberOfRequests" class="total"></td>
                                                <td id="numberOfRequestsOK" class="ok"></td>
                                                <td id="numberOfRequestsKO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">Mean count/s</abbr></td>
                                                <td id="meanNumberOfRequestsPerSecond" class="total"></td>
                                                <td id="meanNumberOfRequestsPerSecondOK" class="ok"></td>
                                                <td id="meanNumberOfRequestsPerSecondKO" class="ko"></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                    <h2 class="second">Response Time (ms)</h2>
                                    <table>
                                        <thead>
                                            <tr>
                                                <th></th>
                                                <th>Total</th>
                                                <th>OK</th>
                                                <th>KO</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td class="title">Min</td>
                                                <td id="minResponseTime" class="total"></td>
                                                <td id="minResponseTimeOK" class="ok"></td>
                                                <td id="minResponseTimeKO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">50th percentile</td>
                                                <td id="percentiles1" class="total"></td>
                                                <td id="percentiles1OK" class="ok"></td>
                                                <td id="percentiles1KO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">75th percentile</td>
                                                <td id="percentiles2" class="total"></td>
                                                <td id="percentiles2OK" class="ok"></td>
                                                <td id="percentiles2KO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">95th percentile</td>
                                                <td id="percentiles3" class="total"></td>
                                                <td id="percentiles3OK" class="ok"></td>
                                                <td id="percentiles3KO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">99th percentile</td>
                                                <td id="percentiles4" class="total"></td>
                                                <td id="percentiles4OK" class="ok"></td>
                                                <td id="percentiles4KO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">Max</td>
                                                <td id="maxResponseTime" class="total"></td>
                                                <td id="maxResponseTimeOK" class="ok"></td>
                                                <td id="maxResponseTimeKO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">Mean</td>
                                                <td id="meanResponseTime" class="total"></td>
                                                <td id="meanResponseTimeOK" class="ok"></td>
                                                <td id="meanResponseTimeKO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">Standard Deviation</td>
                                                <td id="standardDeviation" class="total"></td>
                                                <td id="standardDeviationOK" class="ok"></td>
                                                <td id="standardDeviationKO" class="ko"></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>

</div>
<div class="statistics extensible-geant collapsed">
    <div class="title">
        Errors
    </div>
    <table id="container_errors" class="statistics-in extensible-geant">
        <thead>
            <tr>
                <th id="error-col-1" class="header sortable"><span>Error</span></th>
                <th id="error-col-2" class="header sortable"><span>Count</span></th>
                <th id="error-col-3" class="header sortable"><span>Percentage</span></th>
            </tr>
        </thead>
		<tbody>
		    
		    <tr>
		    	<td class="error-col-1 total ko">j.n.ConnectException: finishConnect(..) failed: Connection refused<span class="value" style="display:none">0</span></td>
		    	<td class="value error-col-2 total ko">4190</td>
		    	<td class="value error-col-3 total ko">100 %</td>
		    </tr>
		</tbody>
    </table>
</div>

            <div class="schema geant">
              <div id="responsetimeDistributionContainer" class="geant"></div>
            </div>

            <div class="schema geant">
              <div id="responsetimepercentilesovertimeokPercentilesContainer" class="geant"></div>
            </div>

            <div class="schema geant">
                <div id="requests" class="geant"></div>
            </div>

            <div class="schema geant">
                <div id="responses" class="geant"></div>
            </div>

            <div class="schema geant">
              <div id="container_response_time_dispersion" class="geant"></div>
            </div>

            </div>
          </div>
        </div>
      </div>
    </div>
</div>
<script>
    var pageStats = stats.contents['req_busca-inva-lida-b5618'].stats;
    $(document).ready(function() {
        $('.simulation-tooltip').popover({trigger:'hover', placement:'left'});
        setDetailsLinkUrl();
        setDetailsMenu();
        setActiveMenu();
        fillStats(pageStats);
        
Highcharts.setOptions({
  global: { useUTC: false }
});

var rangesChart = new Highcharts.Chart({
  chart: {
    renderTo: 'ranges',
    marginRight: 100
  },
  credits: { enabled: false },
  legend: { enabled: false },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  xAxis: {
    categories: [
      pageStats.group1.htmlName,
      pageStats.group2.htmlName,
      pageStats.group3.htmlName,
      pageStats.group4.htmlName
    ]
  },
  yAxis: {
    title: { text: 'Number of Requests' },
    reversedStacks: false
  },
  tooltip: {
    formatter: function() {
      var s;
      if (this.point.name) { // the pie chart
        s = ''+ this.point.name +': '+ this.y +'% requests';
      } else {
        s = ''+ this.y + ' requests';
      }
      return s;
    }
  },
  plotOptions: {
    series: {
      stacking: 'normal',
      shadow: true
    }
  },
  series: [
    {
      type: 'column',
      data: [{
      	color: '#68b65c',
      	y: pageStats.group1.count
      },
      {
      	color: '#FFDD00',
      	y: pageStats.group2.count
      },
      {
      	color: '#FFA900',
      	y: pageStats.group3.count
      },
      {
      	color: '#f15b4f',
      	y: pageStats.group4.count
      }]
    },
    {
      type: 'pie',
      name: 'Percentages',
      data: [
        {
          name: pageStats.group1.name,
          y: pageStats.group1.percentage,
          color: '#68b65c'
        },
        {
          name: pageStats.group2.name,
          y: pageStats.group2.percentage,
          color: '#FFDD00'
        },
        {
          name: pageStats.group3.name,
          y: pageStats.group3.percentage,
          color: '#FFA900'
        },
        {
          name: pageStats.group4.name,
          y: pageStats.group4.percentage,
          color: '#f15b4f'
        }
      ],
      center: [368, 0],
      size: 90,
      showInLegend: false,
      dataLabels: { enabled: false }
    }
  ]
});

rangesChart.setTitle({
  text: '<span class="chart_title">Response Time Ranges</span>',
  useHTML: true
});

	    $('#container_errors').sortable('#container_errors');
    
var responsetimeDistributionChart = new Highcharts.Chart({
  chart: {
    renderTo: 'responsetimeDistributionContainer',
    type: 'column',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: 5,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  xAxis: {
    categories: ['0', '1', '2', '3', '4', '8'],
    tickInterval: 20
  },
  yAxis: {
    min: 0,
    title: { text: 'Percentage of Requests' },
    reversedStacks: false
  },
  tooltip: {
    formatter: function() {
      return '<b>'+ this.x +' ms</b><br/>'+
      this.series.name +': '+ this.y +' %<br/>'+
      'Total: '+ this.point.stackTotal + ' %';
    }
  },
  plotOptions: {
    series: {
      groupPadding: 0,
      stacking: 'normal',
	    shadow: true
    }
  },
  series: [
  	{
type: 'column',
color: '#68b65c',
name: 'OK',
data: [
  
],
tooltip: { yDecimals: 0, ySuffix: 'ms' }
},
  	{
type: 'column',
color: '#f15b4f',
name: 'KO',
data: [
  81.81,17.7,0.31,0.07,0.07,0.02
],
tooltip: { yDecimals: 0, ySuffix: 'ms' }
}
  ]
});

responsetimeDistributionChart.setTitle({
  text: '<span class="chart_title">Response Time Distribution</span>',
  useHTML: true
});

var responsetimepercentilesovertimeokPercentiles = unpack([[1692801708,null],[1692801709,null],[1692801710,null],[1692801711,null],[1692801712,null],[1692801713,null],[1692801714,null],[1692801715,null],[1692801716,null],[1692801717,null],[1692801718,null],[1692801719,null],[1692801720,null],[1692801721,null],[1692801722,null],[1692801723,null],[1692801724,null],[1692801725,null],[1692801726,null],[1692801727,null],[1692801728,null],[1692801729,null],[1692801730,null],[1692801731,null],[1692801732,null],[1692801733,null],[1692801734,null],[1692801735,null],[1692801736,null],[1692801737,null],[1692801738,null],[1692801739,null],[1692801740,null],[1692801741,null],[1692801742,null],[1692801743,null],[1692801744,null],[1692801745,null],[1692801746,null],[1692801747,null],[1692801748,null],[1692801749,null],[1692801750,null],[1692801751,null],[1692801752,null],[1692801753,null],[1692801754,null],[1692801755,null],[1692801756,null],[1692801757,null],[1692801758,null],[1692801759,null],[1692801760,null],[1692801761,null],[1692801762,null],[1692801763,null],[1692801764,null],[1692801765,null],[1692801766,null],[1692801767,null],[1692801768,null],[1692801769,null],[1692801770,null],[1692801771,null],[1692801772,null],[1692801773,null],[1692801774,null],[1692801775,null],[1692801776,null],[1692801777,null],[1692801778,null],[1692801779,null],[1692801780,null],[1692801781,null],[1692801782,null],[1692801783,null],[1692801784,null],[1692801785,null],[1692801786,null],[1692801787,null],[1692801788,null],[1692801789,null],[1692801790,null],[1692801791,null],[1692801792,null],[1692801793,null],[1692801794,null],[1692801795,null],[1692801796,null],[1692801797,null],[1692801798,null],[1692801799,null],[1692801800,null],[1692801801,null],[1692801802,null],[1692801803,null],[1692801804,null],[1692801805,null],[1692801806,null],[1692801807,null],[1692801808,null],[1692801809,null],[1692801810,null],[1692801811,null],[1692801812,null],[1692801813,null],[1692801814,null],[1692801815,null],[1692801816,null],[1692801817,null],[1692801818,null],[1692801819,null],[1692801820,null],[1692801821,null],[1692801822,null],[1692801823,null],[1692801824,null],[1692801825,null],[1692801826,null],[1692801827,null],[1692801828,null],[1692801829,null],[1692801830,null],[1692801831,null],[1692801832,null],[1692801833,null],[1692801834,null],[1692801835,null],[1692801836,null],[1692801837,null],[1692801838,null],[1692801839,null],[1692801840,null],[1692801841,null],[1692801842,null],[1692801843,null],[1692801844,null],[1692801845,null],[1692801846,null],[1692801847,null],[1692801848,null],[1692801849,null],[1692801850,null],[1692801851,null],[1692801852,null],[1692801853,null],[1692801854,null],[1692801855,null],[1692801856,null],[1692801857,null],[1692801858,null],[1692801859,null],[1692801860,null],[1692801861,null],[1692801862,null],[1692801863,null],[1692801864,null],[1692801865,null],[1692801866,null],[1692801867,null],[1692801868,null],[1692801869,null],[1692801870,null],[1692801871,null],[1692801872,null],[1692801873,null],[1692801874,null],[1692801875,null],[1692801876,null],[1692801877,null],[1692801878,null],[1692801879,null],[1692801880,null],[1692801881,null],[1692801882,null],[1692801883,null],[1692801884,null],[1692801885,null],[1692801886,null],[1692801887,null],[1692801888,null],[1692801889,null],[1692801890,null],[1692801891,null],[1692801892,null],[1692801893,null],[1692801894,null],[1692801895,null],[1692801896,null],[1692801897,null],[1692801898,null],[1692801899,null],[1692801900,null],[1692801901,null],[1692801902,null],[1692801903,null],[1692801904,null],[1692801905,null],[1692801906,null],[1692801907,null],[1692801908,null],[1692801909,null],[1692801910,null],[1692801911,null],[1692801912,null],[1692801913,null]]);

var responsetimepercentilesovertimeokPercentilesChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'responsetimepercentilesovertimeokPercentilesContainer',
    zoomType: 'x',
    marginBottom: 60
  },
  colors: ['#c4fd90', '#7ff77f', '#6ff2ad', '#61ede6', '#58c7e0', '#4ea1d4', '#487ad9', '#3f52cc', '#7335dc', '#c73905', '#FFA900'],
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false,
    baseSeries: 9
  },
  rangeSelector: {
    rangeSelector: { align: "left" },
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#92918C',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
        },
        select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Response Time (ms)' },
      opposite: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  plotOptions: {
    arearange: { lineWidth: 1 },
    series: {
      dataGrouping: { enabled: false }
    }
  },
  series: [
  
    
         {
pointInterval: 1000,
name: 'min',
data: responsetimepercentilesovertimeokPercentiles[0],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 10
},
         {
pointInterval: 1000,
name: '25%',
data: responsetimepercentilesovertimeokPercentiles[1],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 9
},
         {
pointInterval: 1000,
name: '50%',
data: responsetimepercentilesovertimeokPercentiles[2],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 8
},
         {
pointInterval: 1000,
name: '75%',
data: responsetimepercentilesovertimeokPercentiles[3],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 7
},
         {
pointInterval: 1000,
name: '80%',
data: responsetimepercentilesovertimeokPercentiles[4],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 6
},
         {
pointInterval: 1000,
name: '85%',
data: responsetimepercentilesovertimeokPercentiles[5],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 5
},
         {
pointInterval: 1000,
name: '90%',
data: responsetimepercentilesovertimeokPercentiles[6],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 4
},
         {
pointInterval: 1000,
name: '95%',
data: responsetimepercentilesovertimeokPercentiles[7],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 3
},
         {
pointInterval: 1000,
name: '99%',
data: responsetimepercentilesovertimeokPercentiles[8],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 2
},
         {
pointInterval: 1000,
name: 'max',
data: responsetimepercentilesovertimeokPercentiles[9],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 1
},
  allUsersData
  ]
});

responsetimepercentilesovertimeokPercentilesChart.setTitle({
  text: '<span class="chart_title chart_title_">Response Time Percentiles over Time (OK)</span>',
  useHTML: true
});

var requests = unpack([[1692801708,[2,0,2]],[1692801709,[2,0,2]],[1692801710,[2,0,2]],[1692801711,[2,0,2]],[1692801712,[2,0,2]],[1692801713,[2,0,2]],[1692801714,[2,0,2]],[1692801715,[2,0,2]],[1692801716,[2,0,2]],[1692801717,[2,0,2]],[1692801718,[2,0,2]],[1692801719,[2,0,2]],[1692801720,[2,0,2]],[1692801721,[2,0,2]],[1692801722,[2,0,2]],[1692801723,[2,0,2]],[1692801724,[2,0,2]],[1692801725,[2,0,2]],[1692801726,[2,0,2]],[1692801727,[2,0,2]],[1692801728,[2,0,2]],[1692801729,[2,0,2]],[1692801730,[2,0,2]],[1692801731,[2,0,2]],[1692801732,[2,0,2]],[1692801733,[4,0,4]],[1692801734,[6,0,6]],[1692801735,[6,0,6]],[1692801736,[6,0,6]],[1692801737,[7,0,7]],[1692801738,[7,0,7]],[1692801739,[7,0,7]],[1692801740,[8,0,8]],[1692801741,[7,0,7]],[1692801742,[8,0,8]],[1692801743,[8,0,8]],[1692801744,[8,0,8]],[1692801745,[8,0,8]],[1692801746,[8,0,8]],[1692801747,[9,0,9]],[1692801748,[9,0,9]],[1692801749,[9,0,9]],[1692801750,[9,0,9]],[1692801751,[10,0,10]],[1692801752,[9,0,9]],[1692801753,[10,0,10]],[1692801754,[10,0,10]],[1692801755,[10,0,10]],[1692801756,[10,0,10]],[1692801757,[11,0,11]],[1692801758,[11,0,11]],[1692801759,[10,0,10]],[1692801760,[12,0,12]],[1692801761,[11,0,11]],[1692801762,[12,0,12]],[1692801763,[11,0,11]],[1692801764,[12,0,12]],[1692801765,[12,0,12]],[1692801766,[12,0,12]],[1692801767,[13,0,13]],[1692801768,[12,0,12]],[1692801769,[13,0,13]],[1692801770,[13,0,13]],[1692801771,[13,0,13]],[1692801772,[14,0,14]],[1692801773,[13,0,13]],[1692801774,[14,0,14]],[1692801775,[14,0,14]],[1692801776,[14,0,14]],[1692801777,[14,0,14]],[1692801778,[15,0,15]],[1692801779,[14,0,14]],[1692801780,[15,0,15]],[1692801781,[15,0,15]],[1692801782,[16,0,16]],[1692801783,[15,0,15]],[1692801784,[16,0,16]],[1692801785,[16,0,16]],[1692801786,[16,0,16]],[1692801787,[16,0,16]],[1692801788,[17,0,17]],[1692801789,[16,0,16]],[1692801790,[17,0,17]],[1692801791,[17,0,17]],[1692801792,[17,0,17]],[1692801793,[18,0,18]],[1692801794,[17,0,17]],[1692801795,[18,0,18]],[1692801796,[17,0,17]],[1692801797,[19,0,19]],[1692801798,[18,0,18]],[1692801799,[18,0,18]],[1692801800,[19,0,19]],[1692801801,[19,0,19]],[1692801802,[19,0,19]],[1692801803,[19,0,19]],[1692801804,[20,0,20]],[1692801805,[19,0,19]],[1692801806,[20,0,20]],[1692801807,[20,0,20]],[1692801808,[20,0,20]],[1692801809,[20,0,20]],[1692801810,[21,0,21]],[1692801811,[21,0,21]],[1692801812,[21,0,21]],[1692801813,[21,0,21]],[1692801814,[21,0,21]],[1692801815,[22,0,22]],[1692801816,[21,0,21]],[1692801817,[22,0,22]],[1692801818,[22,0,22]],[1692801819,[22,0,22]],[1692801820,[23,0,23]],[1692801821,[23,0,23]],[1692801822,[23,0,23]],[1692801823,[23,0,23]],[1692801824,[23,0,23]],[1692801825,[23,0,23]],[1692801826,[23,0,23]],[1692801827,[24,0,24]],[1692801828,[24,0,24]],[1692801829,[24,0,24]],[1692801830,[25,0,25]],[1692801831,[24,0,24]],[1692801832,[25,0,25]],[1692801833,[25,0,25]],[1692801834,[25,0,25]],[1692801835,[25,0,25]],[1692801836,[25,0,25]],[1692801837,[26,0,26]],[1692801838,[26,0,26]],[1692801839,[26,0,26]],[1692801840,[26,0,26]],[1692801841,[27,0,27]],[1692801842,[26,0,26]],[1692801843,[27,0,27]],[1692801844,[27,0,27]],[1692801845,[27,0,27]],[1692801846,[27,0,27]],[1692801847,[28,0,28]],[1692801848,[28,0,28]],[1692801849,[27,0,27]],[1692801850,[29,0,29]],[1692801851,[28,0,28]],[1692801852,[29,0,29]],[1692801853,[28,0,28]],[1692801854,[29,0,29]],[1692801855,[29,0,29]],[1692801856,[29,0,29]],[1692801857,[30,0,30]],[1692801858,[29,0,29]],[1692801859,[30,0,30]],[1692801860,[30,0,30]],[1692801861,[30,0,30]],[1692801862,[31,0,31]],[1692801863,[30,0,30]],[1692801864,[31,0,31]],[1692801865,[31,0,31]],[1692801866,[31,0,31]],[1692801867,[31,0,31]],[1692801868,[32,0,32]],[1692801869,[31,0,31]],[1692801870,[32,0,32]],[1692801871,[32,0,32]],[1692801872,[33,0,33]],[1692801873,[32,0,32]],[1692801874,[33,0,33]],[1692801875,[33,0,33]],[1692801876,[33,0,33]],[1692801877,[33,0,33]],[1692801878,[34,0,34]],[1692801879,[33,0,33]],[1692801880,[33,0,33]],[1692801881,[35,0,35]],[1692801882,[34,0,34]],[1692801883,[35,0,35]],[1692801884,[34,0,34]],[1692801885,[35,0,35]],[1692801886,[34,0,34]],[1692801887,[36,0,36]],[1692801888,[35,0,35]],[1692801889,[35,0,35]],[1692801890,[36,0,36]],[1692801891,[36,0,36]],[1692801892,[36,0,36]],[1692801893,[36,0,36]],[1692801894,[37,0,37]],[1692801895,[36,0,36]],[1692801896,[37,0,37]],[1692801897,[37,0,37]],[1692801898,[37,0,37]],[1692801899,[37,0,37]],[1692801900,[38,0,38]],[1692801901,[38,0,38]],[1692801902,[38,0,38]],[1692801903,[38,0,38]],[1692801904,[38,0,38]],[1692801905,[39,0,39]],[1692801906,[38,0,38]],[1692801907,[39,0,39]],[1692801908,[39,0,39]],[1692801909,[39,0,39]],[1692801910,[40,0,40]],[1692801911,[40,0,40]],[1692801912,[40,0,40]],[1692801913,[18,0,18]]]);

var requestsChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'requests',
    zoomType: 'x',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  rangeSelector: {
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#000000',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
         },
         select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  plotOptions: {
    series: {
      dataGrouping: { enabled: false }
    },
    area: {
      stacking: 'normal'
    }
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Number of requests' },
      opposite: false,
      reversedStacks: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  series: [
    {
color: '#5E7BE2',
name: 'All',
data: requests[0],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
    allUsersData
  ]
});

requestsChart.setTitle({
  text: '<span class="chart_title">Number of requests per second</span>',
  useHTML: true
});

var responses = unpack([[1692801708,[2,0,2]],[1692801709,[2,0,2]],[1692801710,[2,0,2]],[1692801711,[2,0,2]],[1692801712,[2,0,2]],[1692801713,[2,0,2]],[1692801714,[2,0,2]],[1692801715,[2,0,2]],[1692801716,[2,0,2]],[1692801717,[2,0,2]],[1692801718,[2,0,2]],[1692801719,[2,0,2]],[1692801720,[2,0,2]],[1692801721,[2,0,2]],[1692801722,[2,0,2]],[1692801723,[2,0,2]],[1692801724,[2,0,2]],[1692801725,[2,0,2]],[1692801726,[2,0,2]],[1692801727,[2,0,2]],[1692801728,[2,0,2]],[1692801729,[2,0,2]],[1692801730,[2,0,2]],[1692801731,[2,0,2]],[1692801732,[2,0,2]],[1692801733,[4,0,4]],[1692801734,[6,0,6]],[1692801735,[6,0,6]],[1692801736,[6,0,6]],[1692801737,[7,0,7]],[1692801738,[7,0,7]],[1692801739,[7,0,7]],[1692801740,[8,0,8]],[1692801741,[7,0,7]],[1692801742,[8,0,8]],[1692801743,[8,0,8]],[1692801744,[8,0,8]],[1692801745,[8,0,8]],[1692801746,[8,0,8]],[1692801747,[9,0,9]],[1692801748,[9,0,9]],[1692801749,[9,0,9]],[1692801750,[9,0,9]],[1692801751,[10,0,10]],[1692801752,[9,0,9]],[1692801753,[10,0,10]],[1692801754,[10,0,10]],[1692801755,[10,0,10]],[1692801756,[10,0,10]],[1692801757,[11,0,11]],[1692801758,[11,0,11]],[1692801759,[10,0,10]],[1692801760,[12,0,12]],[1692801761,[11,0,11]],[1692801762,[12,0,12]],[1692801763,[11,0,11]],[1692801764,[12,0,12]],[1692801765,[12,0,12]],[1692801766,[12,0,12]],[1692801767,[13,0,13]],[1692801768,[12,0,12]],[1692801769,[13,0,13]],[1692801770,[13,0,13]],[1692801771,[13,0,13]],[1692801772,[14,0,14]],[1692801773,[13,0,13]],[1692801774,[14,0,14]],[1692801775,[14,0,14]],[1692801776,[14,0,14]],[1692801777,[14,0,14]],[1692801778,[15,0,15]],[1692801779,[14,0,14]],[1692801780,[15,0,15]],[1692801781,[15,0,15]],[1692801782,[16,0,16]],[1692801783,[15,0,15]],[1692801784,[16,0,16]],[1692801785,[16,0,16]],[1692801786,[16,0,16]],[1692801787,[16,0,16]],[1692801788,[17,0,17]],[1692801789,[16,0,16]],[1692801790,[17,0,17]],[1692801791,[17,0,17]],[1692801792,[17,0,17]],[1692801793,[18,0,18]],[1692801794,[17,0,17]],[1692801795,[18,0,18]],[1692801796,[17,0,17]],[1692801797,[19,0,19]],[1692801798,[18,0,18]],[1692801799,[18,0,18]],[1692801800,[19,0,19]],[1692801801,[19,0,19]],[1692801802,[19,0,19]],[1692801803,[19,0,19]],[1692801804,[20,0,20]],[1692801805,[19,0,19]],[1692801806,[20,0,20]],[1692801807,[20,0,20]],[1692801808,[20,0,20]],[1692801809,[20,0,20]],[1692801810,[21,0,21]],[1692801811,[21,0,21]],[1692801812,[21,0,21]],[1692801813,[21,0,21]],[1692801814,[21,0,21]],[1692801815,[22,0,22]],[1692801816,[21,0,21]],[1692801817,[22,0,22]],[1692801818,[22,0,22]],[1692801819,[22,0,22]],[1692801820,[23,0,23]],[1692801821,[23,0,23]],[1692801822,[23,0,23]],[1692801823,[23,0,23]],[1692801824,[23,0,23]],[1692801825,[23,0,23]],[1692801826,[23,0,23]],[1692801827,[24,0,24]],[1692801828,[24,0,24]],[1692801829,[24,0,24]],[1692801830,[25,0,25]],[1692801831,[24,0,24]],[1692801832,[25,0,25]],[1692801833,[25,0,25]],[1692801834,[25,0,25]],[1692801835,[25,0,25]],[1692801836,[25,0,25]],[1692801837,[26,0,26]],[1692801838,[26,0,26]],[1692801839,[26,0,26]],[1692801840,[26,0,26]],[1692801841,[27,0,27]],[1692801842,[26,0,26]],[1692801843,[27,0,27]],[1692801844,[27,0,27]],[1692801845,[27,0,27]],[1692801846,[27,0,27]],[1692801847,[28,0,28]],[1692801848,[28,0,28]],[1692801849,[27,0,27]],[1692801850,[29,0,29]],[1692801851,[28,0,28]],[1692801852,[29,0,29]],[1692801853,[28,0,28]],[1692801854,[29,0,29]],[1692801855,[29,0,29]],[1692801856,[29,0,29]],[1692801857,[30,0,30]],[1692801858,[29,0,29]],[1692801859,[30,0,30]],[1692801860,[30,0,30]],[1692801861,[30,0,30]],[1692801862,[31,0,31]],[1692801863,[30,0,30]],[1692801864,[31,0,31]],[1692801865,[31,0,31]],[1692801866,[31,0,31]],[1692801867,[31,0,31]],[1692801868,[32,0,32]],[1692801869,[31,0,31]],[1692801870,[32,0,32]],[1692801871,[32,0,32]],[1692801872,[33,0,33]],[1692801873,[32,0,32]],[1692801874,[33,0,33]],[1692801875,[33,0,33]],[1692801876,[33,0,33]],[1692801877,[33,0,33]],[1692801878,[33,0,33]],[1692801879,[34,0,34]],[1692801880,[33,0,33]],[1692801881,[34,0,34]],[1692801882,[35,0,35]],[1692801883,[35,0,35]],[1692801884,[34,0,34]],[1692801885,[35,0,35]],[1692801886,[34,0,34]],[1692801887,[36,0,36]],[1692801888,[35,0,35]],[1692801889,[35,0,35]],[1692801890,[36,0,36]],[1692801891,[36,0,36]],[1692801892,[36,0,36]],[1692801893,[36,0,36]],[1692801894,[37,0,37]],[1692801895,[36,0,36]],[1692801896,[37,0,37]],[1692801897,[37,0,37]],[1692801898,[37,0,37]],[1692801899,[37,0,37]],[1692801900,[38,0,38]],[1692801901,[38,0,38]],[1692801902,[38,0,38]],[1692801903,[38,0,38]],[1692801904,[38,0,38]],[1692801905,[39,0,39]],[1692801906,[38,0,38]],[1692801907,[39,0,39]],[1692801908,[39,0,39]],[1692801909,[39,0,39]],[1692801910,[40,0,40]],[1692801911,[40,0,40]],[1692801912,[40,0,40]],[1692801913,[18,0,18]]]);

var requestsChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'responses',
    zoomType: 'x',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  rangeSelector: {
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#000000',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
         },
         select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  plotOptions: {
    series: {
      dataGrouping: { enabled: false }
    },
    area: {
      stacking: 'normal'
    }
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Number of responses' },
      opposite: false,
      reversedStacks: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  series: [
    {
color: '#5E7BE2',
name: 'All',
data: responses[0],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
},
{
color: '#68b65c',
name: 'OK',
data: responses[1],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
{
color: '#f15b4f',
name: 'KO',
data: responses[2],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
    allUsersData,
{
  
type: 'pie',
name: 'Distribution',
data: [
  {name: 'OK', y: 0.0, color: '#68b65c'},{name: 'KO', y: 4190.0, color: '#f15b4f'}
],
center: [775, -40],
size: 70,
showInLegend: false,
dataLabels: { enabled: false },
dataGrouping: { enabled: false }

}

  ]
});

requestsChart.setTitle({
  text: '<span class="chart_title">Number of responses per second</span>',
  useHTML: true
});

var scatterChart = new Highcharts.Chart({
  chart: {
    renderTo: 'container_response_time_dispersion', 
    defaultSeriesType: 'scatter',
    zoomType: 'xy',
    marginBottom: 90
  },
  credits: { enabled: false },
  xAxis: {
    title: {
      enabled: true,
      text: 'Global number of requests per second',
      style: { fontWeight: 'bold' }
    },
    startOnTick: true,
    endOnTick: true,
    showLastLabel: true,
    min: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  yAxis: {
    min: 0,
    title: { text: 'Response Time (ms)' }
  },
  tooltip: {
    formatter: function() {
         return ''+ this.y +' ms at ' + this.x + ' allreq/s';
    }
  },
  legend: {
    enabled: true,
    floating: true,
    y: 0,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
  },
  plotOptions: {
    scatter: {
      marker: {
        radius: 3,
        states: {
          hover: {
            enabled: true,
            lineColor: 'rgb(100,100,100)'
          }
        }
      },
      states: {
        hover: {
          marker: { enabled: false }
        }
      }
    }
  },
  series: [
	  {
type: 'scatter',
color: '#68b65c',
name: 'OK',
data: [
[]
]},
	  {
type: 'scatter',
color: '#f15b4f',
name: 'KO',
data: [
[5,1],[6,2],[6,1],[6,1],[6,1],[6,1],[6,1],[6,1],[6,1],[6,1],[6,1],[6,1],[6,1],[7,1],[8,1],[8,0],[8,0],[9,7],[9,1],[10,0],[10,1],[11,1],[11,0],[12,1],[13,1],[17,1],[21,1],[26,1],[30,1],[35,1],[37,3],[42,1],[47,1],[49,1],[56,2],[58,1],[62,1],[65,1],[70,1],[75,1],[79,1],[81,1],[86,1],[92,1],[94,1],[99,1],[101,1],[107,0],[110,0],[114,1],[120,1],[121,1],[127,1],[130,0],[136,0],[138,0],[142,1],[146,1],[150,1],[155,1],[159,1],[162,1],[166,1],[171,1],[175,1],[178,1],[182,0],[187,0],[191,0],[194,1],[199,1],[202,1],[207,1],[210,1],[215,1],[220,1],[223,1],[226,1],[230,0],[235,0],[239,0],[243,1],[247,0],[251,0],[255,1],[259,0],[262,0],[267,0],[270,0],[277,0],[278,1],[282,0],[287,1],[291,1],[295,1],[299,0],[303,0],[306,0],[311,1],[315,0],[320,0],[322,1],[327,0],[331,0],[336,1],[339,1],[342,1],[346,0],[347,0],[351,1],[355,0],[360,0],[362,0],[368,0],[371,0],[376,0],[379,0],[383,1],[386,1],[391,0],[395,0],[400,0],[402,1],[408,1],[411,0],[416,0],[419,0],[423,0],[427,0],[431,1],[435,1],[440,0],[442,1],[447,0],[453,0],[455,1],[460,0],[462,1],[468,1],[471,1],[475,1],[480,1],[483,1],[488,1],[492,0],[496,0],[499,0],[503,0],[508,0],[511,0],[516,1],[519,1],[523,1],[527,0],[532,0],[536,0],[540,0],[543,1],[547,1],[552,1],[556,1],[560,1],[562,0],[567,0],[573,0],[576,0],[580,0],[584,0],[587,0],[591,0],[596,0],[601,1],[602,1],[608,0],[612,1],[617,1],[620,0],[624,0],[627,1],[631,0],[638,0],[640,1],[642,1],[648,0],[653,0],[656,0],[659,1],[664,1],[667,1],[672,0],[676,0],[681,0],[684,0],[688,0],[691,1],[697,1],[701,1],[703,1],[707,1],[712,0],[717,1],[719,1],[724,0],[729,1],[733,1],[736,0]
]}
	]
});

scatterChart.setTitle({
  text: '<span class="chart_title">Response Time against Global Throughput</span>',
  useHTML: true
});

    });
</script>
</div>
</body>
</html>
